<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" src="js/cal.js"></script>
</head>

<body>

<table>
<form name="frm">
<tr bgcolor="#F2F1F1">
  <td>Strat Date*</td>
  <td width="44%"><input name="from" type="text"  class="inputText" value="<?=$_POST[from]?>" size="10"/><a href="javascript:showCal('Calendar1')"><img src="images/calendar.jpg" alt="Click Here to Pick up the date" border="0" /></a></td>
  <td width="13%">End Date* </td>
  <td width="31%"><input type="text" name="to" size="10" id="to" class="inputText" value="<?=$_POST[to]?>"/><a href="javascript:showCal('Calendar2')"><img src="images/calendar.jpg" alt="Click Here to Pick up the date" border="0"/></a></td>
</tr>
</form>
</table>

<script language="javascript">
addCalendar("Calendar1", "Select Date", "from", "frm");
addCalendar("Calendar2", "Select Date", "to", "frm");
setFormat("yyyy-mm-dd");
</script>
</body>
</html>
